/**
 * @project     OTRS (http://www.otrs.org) - Agent Frontend
 * @copyright   OTRS AG
 * @license     AGPL (http://www.gnu.org/licenses/agpl.txt)
 */

/**
 * @package     Skin "Default"
 * @section     Application
 * @subsection  AgentTicketQueue
 */

@keyframes blinking {
    to {
        color: transparent;
    }
}
@-webkit-keyframes blinking {
    to {
        color: transparent;
    }
}

@media screen,projection,tv,handheld {

/**
 * @subsubsection     General
 */

.QueueOverview {
    font-size: 12px;
    margin: 0 16px 0px 8px;
    padding: 0 0 4px 0;
    color: gray;
}

.RTL .QueueOverview {
    margin: 0 8px 10px 16px;
}

.QueueOverviewSeparator {
    height: 10px;
    min-height: 10px;
}

.QueueOverviewList {
    clear: both;
    float: none;
}

.QueueOverviewList.Level_1 {
    margin-left: 10px;
}

.QueueOverviewList.Level_2 {
    margin-left: 20px;
}

.QueueOverviewList.Level_3 {
    margin-left: 30px;
}

.QueueOverviewList.Level_4 {
    margin-left: 40px;
}

.QueueOverviewList.Level_5 {
    margin-left: 50px;
}

.QueueOverviewList.Level_6 {
    margin-left: 60px;
}

.QueueOverviewList.Level_7 {
    margin-left: 70px;
}

.QueueOverviewList.Level_8 {
    margin-left: 80px;
}

.QueueOverviewList.Level_9 {
    margin-left: 90px;
}

.QueueOverviewList.Level_10 {
    margin-left: 100px;
}

.QueueOverviewList.Level_X {
    margin-left: 100px;
}

.RTL .QueueOverviewList.Level_1 {
    margin-right: 10px;
}

.RTL .QueueOverviewList.Level_2 {
    margin-right: 20px;
}

.RTL .QueueOverviewList.Level_3 {
    margin-right: 30px;
}

.RTL .QueueOverviewList.Level_4 {
    margin-right: 40px;
}

.RTL .QueueOverviewList.Level_5 {
    margin-right: 50px;
}

.RTL .QueueOverviewList.Level_6 {
    margin-right: 60px;
}

.RTL .QueueOverviewList.Level_7 {
    margin-right: 70px;
}

.RTL .QueueOverviewList.Level_8 {
    margin-right: 80px;
}

.RTL .QueueOverviewList.Level_9 {
    margin-right: 90px;
}

.RTL .QueueOverviewList.Level_10 {
    margin-right: 100px;
}

.RTL .QueueOverviewList.Level_X {
    margin-right: 100px;
}

.QueueOverviewList li {
    float: left;
    list-style: none;
    padding: 2px 5px;
    height: 14px;
    white-space:nowrap;
}

.RTL .QueueOverviewList li {
    float: right;
}

.QueueOverview .OlderLevel1 {
    color: orange;
}

.QueueOverview .OlderLevel2 {
    color: #ff4766;
}

.QueueOverview .Oldest {
    color: red;
    animation: blinking 1s steps(10, start) infinite;
    -webkit-animation: blinking 1s steps(10, start) infinite;
}

.QueueOverview .Active {
    font-weight: bold;
}

} /* end @media */
